<template>
    <div class="test4">
        <h1>这是一个用来测试的test4组件</h1>
        <h1>{{msg}}</h1>
        <button @click="onClick">按钮(穿递数据给父级))</button>
    </div>
</template>
<script>
import Bus from '@/components/Bus'
export default {
  name: 'test4',
  data() {
    return {
      msg: 123
    }
  },
  methods: {
    onClick() {
      this.msg++
    }
  },
  mounted() {
    // 接收兄弟组件传递过来的数据
    const _this = this
    Bus.$on('add', (e) => {
      console.log('33e', e)
      _this.msg = e
    })
  }
}
</script>
<style scoped>
.test4 {
  color: #333;
}
</style>
